*{ margin:0; padding:0; }
html { width:100%; height:auto; font-family: arial, Georgia, sans-serif; margin:0px; font-size:100%; background-color:#ffffff;}
body { width: 800px; margin-left:auto; margin-right:auto;background-color:#ccccff; font-size:0.9em; color:#333333;}

h1 { font-size:2.0em; color: #000000; margin: 10px 0px 10px 0px; padding-left:2em;}
h2 { font-size:.9em; color: #9c9c9c; margin: 10px 0px 10px 0px; }
p { color: #333333; margin: 0px 0px 0px 0px; }
.thumbnail {width:100px; margin:20px; float:left;}


a:link {color:#333333; padding-left:1em; margin-top:3px; }
a:visited {color:#333333; padding-left:1em; margin-top:3px;}
a:hover {color:#d81f25; text-decoration:none;}

 a{ cursor: pointer;  text-decoration:none;  }  
#map_canvas img.mark{cursor: pointer;} 
#title { display:block; width:0; height:0; text-indent:-999em; overflow:hidden; }
#container {display:block; width:800px; height:auto;}

#header { display:block; width:800px; height:60px; background-color:#9999ff;}

#map_canvas {display:block; width:800px; height:auto; position:fixed; background-color:#ccccff; margin:0px; }
#centre {display:block; width:800px; height:500px;  background-color:#ccccff; float:left;} 
#cont {display:block; height:auto; min-height:500px; width:780px; background-color:#ccccff; }
#centre p {margin:10px;}
#cont p {margin:10px;}
#side {display:block; width:200px; height:600px; background-color:#99ff99;float:right;}
#side li { padding:10px; list-style:none;}
#side	li:hover { background:#555; color:#ddd; cursor:pointer; cursor:hand; }

#footer { display:block; clear:both;height:50px; width:800px; background-color:#cccc99; }
#footer p {padding:10px;}

#nav { display:block; width:800px; height:1.5em; background-color:#ff99ff; font-size:0.9em; font-weight:bold;}
#topnav { display:block; width:800px; height:1.5em; background-color:#ff99ff; font-size:0.9em; font-weight:bold;}
#topnav ul {display:inline; list-style-type:none; list-style-position:inside; padding-left:1em;}
#topnav ul li{ display:inline;height:auto; margin:0px; padding:0px; }
#topnav ul li a:link{color:#333333; padding-left:0em; margin-top:3px; }
#topnav ul li a:visited {color:#333333; padding-left:0em; margin-top:3px;}
#topnav ul li a:hover {color:#d81f25; text-decoration:none;}
#topnav ul li.active a{color:#d81f25;} 

#infoProject {margin:10px;}
#chooseProject { display:block; height:50px; width:780px; background-color:#99cccc; padding:10px; }
#getProject { padding:2px;}
#project_form { display:block; height:auto; width:780px; background-color:#99cccc; padding:10px; }
#upload_form{ display:block; clear: both; height:auto; width:780px; background-color:#99cccc; padding:10px; }
#image_form{ display:block; float:left; height:auto; width:440px; background-color:#ccccff; padding:10px; }
#mkr_form { display:block; float:right; height:auto; width:300px; background-color:#ccccff; padding:10px; }
#cont {display:block; height:auto; min-height:500px; width:780px; background-color:#ccccff; }
#backgroundPopup{  
 display:none;  
 position:fixed; 
 _position:absolute;  /*hack for internet explorer 6 or background won't show*/  
 height:100%;  
 width:100%;  
 top:0;  
 left:0;  
 background:#000000;  
 border:1px solid #cecece;  
 z-index:1;  
 }  
 #popupContact{  
 display:none;  
 position:fixed; 
 _position:absolute;  /*hack for internet explorer 6*/  
 height:auto;  /* height:200px;   */
 width:300px;  
 background:#FFFFFF;  
 border:2px solid #cecece;  
 z-index:2;  
 padding:0px;  
 font-size:0.8em;  
 }  
 #popupContact h1{  
 text-align:left;  
 color:#6FA5FD;  
 font-size:22px;  
 font-weight:700;  
 border-bottom:1px dotted #D3D3D3;  
 padding-bottom:2px;  
 margin-bottom:20px;  
 }  
 #popupContactClose{  
 font-size:14px;  
 line-height:14px;  
 right:6px;  
 top:4px;  
 position:absolute;  
 color:#6fa5fd;  
 font-weight:700;  
 display:block;  
 }  



 #popupTitle{height:25px; background-color:#6666ff; padding:2px; font-size:1.2em; text-align: center; font-weight:700;}
 #linkBar{height:25px; background-color:#6666ff; padding:2px; font-weight:700;}
 #linkBar img{margin:4px;}
 #linkBar a:link {color:#ffffff; padding-left:1em; }
#linkBar a:visited {color:#ffffff; padding-left:1em; }
#linkBar a:hover {color:#99ffff; text-decoration:none;}
#contactArea img{float:left; margin:2px;}